<template>
  <div class="my-letters">
    <template v-for="item in datas" :key="item.user.fromUserId">
      <letter :person="item"></letter>
    </template>
  </div>
</template>

<script setup lang="ts">
import { defineProps, withDefaults } from 'vue'
import Letter from '@/base-ui/letter'

const props = withDefaults(
  defineProps<{
    datas: any
  }>(),
  {
    datas: []
  }
)
</script>

<style scoped lang="less">
.my-letters {
  width: 100%;
}
</style>
